{include file="common/header"}

    <div class="content">
        <div class="inner-content">
            <div class="bd-con block-item">
                <div class="row">
                    <div class="col-lg-3 col-xs-12 col-sm-12 zj_NewList">
                        <div class="list-group zj_NewListleft  company-intrduce-tit">
                            <a href="javascript:;" class="list-group-item disabled">
                                     	 联系我们
                            </a>
                            {volist name="categoryArr" id="v" key="k"}
                            <a {if $v['title'] == '地图名片' } href="{:url('Contact/index',array('category_id'=>$v['id']))}" {else/} href="{:url('Contact/message',array('category_id'=>$v['id']))}" {/if} class="list-group-item a-item">
                                <img src="__PUBLIC__/img/static/title_03.png" alt="图标" /> <span {if $v['id'] == $category_id } class="list-span" {/if}>{$v.title}</span>
                            </a>
                            {/volist}
                        </div>
                    </div>
                    <div class="col-lg-9 col-xs-12 col-sm-12 zj_NewList">
                        <div class="zj_newIcofu clearfix">
                            <ol class="breadcrumb bdBreadcrumb">
                                <li><a href="index.html">首页</a></li>
                                <li class="active">联系我们</li>
                                {if $category_id=="15"}<li class="active">在线留言</li>{/if}
                            </ol>
                        </div>
                            <!-- 在线留言 -->
                            <div>
                              <p class="text-center m-gray">请联系我们的客户服务中心代表，获得与各种产品问题有关的个人帮助。</p>
                              <form class="form-horizontal" id="myform">
                                <div class="form-group">
                                  <label for="inputEmail3" class="col-sm-2 control-label">姓    名：</label>
                                  <div class="col-sm-10">
                                    <input name="username" id="username" type="text" class="form-control" id="inputEmail3" placeholder="姓名">
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="inputPassword3" class="col-sm-2 control-label">电话：</label>
                                  <div class="col-sm-10">
                                    <input name="tel" id="tel" type="text" class="form-control" id="inputPassword3" placeholder="电话">
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="inputPassword3" class="col-sm-2 control-label">留言：</label>
                                  <div class="col-sm-10">
                                    <textarea  name="mark" id="mark" class="form-control" rows="3"></textarea>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="inputPassword3" class="col-sm-2 control-label">验证码：</label>
                                  <span id="idcode"></span>
                                  <div class="col-sm-10"  style="display:inline-block;width:120px">
                                    <input type="text" id="Txtidcode" size="4" class="form-control mrm" />
                                    <span id="idcode"></span>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <div class="col-sm-offset-2 col-sm-10">
                                    <button class="submit-btn" id="btnss">提交</button>
                                    <button type="reset" class="reset-btn">重置</button>
                                  </div>
                                </div>
                              </form>
                            </div>
                            <!-- 在线留言 -->

                             <!--右边一排div展示结束-->
                         </div>
                            <!--右边最大div包含图片结束-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--联系我们地图-->
    <script type="text/javascript">
    $.idcode.setCode();

    //手机验证
    function mobile_check() {
        var reg = /^(13|15|17|18)\d{9}$/; //因为邮箱 xxx @ xxx . xxx     xxx 可以是 数字字母下划线 结束 可以 是 .com 或者 .com.cn
        if ($("#tel").val().search(reg) == -1) {
        	warningTips("手机格式不正确 应该是 1 （3|5|7|8）xxx xxx xxx  总共11位的纯数字");
            /*alert("密码只能是6-9位数字");*/
            return false;
        } else {
            //alert("手机验证成功");
            return true;
        }
        return true;
    }

    $("#btnss").click(function() {
        var IsBy = $.idcode.validateCode();
        if ($("#username").val() == "") {
        	warningTips('姓名不能为空'); 
            return false;
        }
        
        if ($("#tel").val() == "") {
        	warningTips("电话不能为空");
            return false;
        }
        if (!mobile_check() && IsBy == false) { //只要有其中一项 返回值是 false 就会 进入 这个 语句
            return false;
        }
        
        if ($("#mark").val() == "") {
        	warningTips("留言不能为空");
            return false;
        }
        
        if (IsBy == false) {
        	warningTips("验证码错误");
            return false;
        } else {
        	$.post("{:url('Contact/message')}",{
				'tel':$("#tel").val(),
				'username':$("#username").val(),
				'mark':$("#mark").val(),
				'sbt':1
			},function(json){
				if(json.status=="1"){
					successTips('提交成功！'); 	
				}else{
					successTips('提交失败！');
				}
			},'json');
        }
    });
    
		
    </script>
{include file="common/footer"}